﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>组合图片浏览</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.jcarousellite.pauseOnHover.js"></script>
    <!--<script type="text/javascript" src="js/jquery-1.6.1-vsdoc.js"></script>-->
    <script type="text/javascript" src="js/curvycorners.js"></script>
    <script type="text/javascript">
        $(function () {

            $(".fliper").mouseenter(function () {
                if ($(this).hasClass("flipup")) {
                    $(this).css({ "background": "#edf5ff url(images/arrow_up_hover.jpg) center center no-repeat" });
                }
                else if ($(this).hasClass("flipdown")) {
                    $(this).css({ "background": "#edf5ff url(images/arrow_down_hover.jpg) center center no-repeat" });
                }
            }).mouseleave(function () {
                if ($(this).hasClass("flipup")) {
                    $(this).css({ "background": "#fff url(images/arrow_up.jpg) center center no-repeat" });
                }
                else if ($(this).hasClass("flipdown")) {
                    $(this).css({ "background": "#fff url(images/arrow_down.jpg) center center no-repeat" });
                }
            });

        });
	</script>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            <div id="logo"></div>
            <div id="login">
                <div class="login_inner">
                    <a href="#" class="mail_login"></a>
                    <input id="Text2" type="text" />
                    <span>密码:</span>
                    <input id="Text1" type="text" />
                    <span>用户名:</span>
                </div>
                <div class="login_inner">
                    <a href="#" class="goto_mis"></a>
                    <span>2011年10月25日 星期二</span>
                </div>
            </div>
        </div>
        <ul id="nav">
            <li><a href="#" class="nav_link">首 页</a></li>
            <li><a href="#" class="nav_link">关于中线</a></li>
            <li><a href="#" class="nav_link">新闻中心</a></li>
            <li><a href="#" class="nav_link">工程知识</a></li>
            <li><a href="#" class="nav_link">政策法规</a></li>
            <li><a href="#" class="nav_link">在线展示</a></li>
            <li class="nav_last">
                <a href="#" class="nav_link">南水北调数字报</a>
                <input id="Text3" type="text" class="input_search" />
                <a href="#" class="btn_search"></a>
            </li>
        </ul>
        <div id="banner">
            <img alt="" src="images/banner.png"/>
        </div>
        <div class="sitemap">
            当前位置: <a href="#">首页</a> >> <a href="#">中线图片</a>
        </div>
        <div>
            <div class="block float_l" style="width:890px; height:830px;">
                <div class="block_title"></div>
                <div class="article_title">
                    <span>耿六成副局长调研河南、河北段工程现场投资管理情况</span>
                </div>
                <div class="article_subtitle">
                    <span class="float_l">来源：计划合同部</span>
                    <span class="float_r">发布日期：2011年11月22日</span>
                </div>
                <div class="article_content">
                    <div class="article_img_wrap">
                        <div><img alt="" src="images/sample18.jpg"/><br /></div>
                        <div><span>听取沙河渡工程建设进展</span></div>
                    </div>
                </div>
                <div class="padding5">
                    <span class="float_l margin5_lr margin5_tb">编辑：XXX</span>
                    <div class="float_r margin5_lr margin5_tb">
                        <span class="float_l" style="color:#666; position:relative;top:2px;">1024*768 | 预览：100%</span>
                        <div class="zoombtns float_l margin5_lr">
                            <a href="#" class="zoomin"></a>
                            <a href="#" class="zoomout"></a>
                        </div>
                        <a href="#" class="float_l margin5_lr"><img alt="" src="images/btn_reset.jpg" border="0" /></a>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div id="fliper_wrap">
                <a href="#" class="fliper flipup"></a>
                <ul>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                    <li><div><a href="#"><img alt="" src="images/sample31.jpg" border="0" /></a></div></li>
                </ul>
                <a href="#" class="fliper flipdown"></a>
            </div>
            <div class="clear"></div>
        </div>
        
        <div id="copyright">
            <span class="float_l">版权所有：南水北调中线干线工程建设管理局</span>
            <span class="float_l">© 2011 ALL RIGHTS RESERVED</span>
            <div class="float_r">
                <a href="#">版权声明</a><span>|</span>
                <a href="#">隐私保护</a><span>|</span>
                <a href="#">网站地图</a><span>|</span>
                <a href="#">加入收藏</a>
            </div>
        </div>
        <div id="footer">
            <div>
                <img alt="" src="images/gongshang.jpg" align="absmiddle"/>
                <span>京ICP备 05072716</span>
                <span>主管: 南水北调中线建管局</span>
                <span>主办: 南水北调宣传中心</span>
            </div>
            <div>
                <span>您是访问本站的第</span>
                <img alt="" src="images/sample13.jpg" align="absmiddle"/>
                <span>位嘉宾</span>
            </div>
        </div>
    </div>
</body>
</html>
